.page-full-teacherDetail{
  padding-top: 88px;
  padding-bottom: 20px;
  // 大师基本信息
  .basic_wrapper{
    padding: 50px 20px 40px;
    background: url(../../../static/image/teacherDetail/banner_basic.png) no-repeat top center/100% auto;
    dl{
      text-align: center;
      dt{
        width: 134px;
        height: 134px;
        margin: 0 auto 10px;
        .radius(50%);
        overflow: hidden;
      }
      ._name{
        .fs(34px);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left:50px; 
        i{
          display: block;
          width: 36px;
          height: 40px;
          margin-left: 20px;
          background: url(../../../static/image/teacherDetail/V@2x.png) no-repeat center/100% 100%;
        }
      }
      ._des{
        .color(#383838);
        .opacity(.7);
        margin-top: 20px;
      }
    }
    .other{
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 20px 0 10px;
      ._item{
        padding: 0 20px;
        text-align: center;
        &:nth-child(2){
          .s1{
            margin-top: -5px;
          }
        }
        span{
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
        }
        .s0{
          .fs(21px);
          height: 30px;
        }
        .s1{
          .fs(28px);
          height: 40px;
        }
      }
    }
  }

  // 主体版块1
  .intro_wrapper{
    margin: 0 20px;
    padding: 40px 20px 0;
    background: #fff;
    .radius(10px);
    position: relative;
    top: -30px;

    .mTt{
      .fs(32px);
      margin-bottom: 20px;
    }
    
    .c_audio{
      .lineH(80px);
      .radius(10px);
      margin: 0 20px 30px;
      padding: 0 20px 0 28px;
      border: 2px solid @baseColor;
      display: flex;
      align-items: center;
      span{
        .fs(26px);
        color: @baseColor;
        flex: 0 0 80px;
      }
      .progress{
        width: 398px;
        height: 6px;
        background: #FFE2B6;
        margin: 0 40px;
        position: relative;
        .realProgress{
          position: absolute;
          left: 0;
          top: 0;
          background: @baseColor;
          width: 0;
          height: 6px;
          z-index: 2;
        }
      }
      .i_pause{
        display: block;
        width: 44px;
        height: 44px;
        background: url(../../../static/image/teacherDetail/i_pause.png) no-repeat center/100% 100%;
      }
      .i_play{
        display: block;
        width: 44px;
        height: 44px;
        background: url(../../../static/image/teacherDetail/i_play.png) no-repeat center/100% 100%;
      }
    }

    .c_cmt{
      margin-bottom: 10px;
      ul{
        display: flex;
        flex-flow: row wrap;
        padding: 0 10px;
        li{
          display: flex;
          align-items: center;
          justify-content: center;
          min-width: 182px;
          height: 50px;
          color: #fff;
          margin:0 30px 20px 0;
          background:#FDC46F;
          border-radius:10px;
        }
      }
    }

    .c_skill{
      margin-bottom: 10px;
      ul{
        display: flex;
        flex-flow: row wrap;
        li{
          color: #FEAC32;
          min-width: 20%;
          padding: 0 20px;
          height: 55px;
          display: flex;
          align-items: center;
          justify-content: center;
          background:rgba(255,249,238,0);
          border:1px solid rgba(253,197,113,1); /*no*/
          border-radius: 10px;
          margin: 0 5% 20px 0;
        }
      }
    }

    .c_service{
      ul{
        height: 450px;
        &.active{
          height: auto;
          transition: all linear 2s;
        }
        li{
          display: flex;
          align-items: center;
          height: 90px;
          line-height: 90px;
          &:not(:last-of-type){
            border-bottom:1px solid @borderC;
          }
          .img{
            width: 38px;
            height: 38px;
          }
          p{
            flex: 1;
          }
          .name{
            margin: 0 30px 0 20px;
          }
          .radio{
            width: 38px;
            height: 38px;
            background: url(../../../static/image/teacherDetail/i_radio.png) no-repeat center/100% 100%;
            &.active{
              background: url(../../../static/image/teacherDetail/i_radio_on.png) no-repeat center/100% 100%;
            }
          }
        }
      }

      .more{
        height: 90px;
        line-height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        .color(#999);
        .i_down{
          display: block;
          width: 28px;
          height: 28px;
          margin: 0 10px;
          background: url(../../../static/image/teacherDetail/i_down.png) no-repeat center/100% 100%;
          transition: transform linear .15s;
          &.active{
            transform: rotate(-180deg);
          }
        }
      }

    }


  }
  
  // 个人介绍
  .perIntro_wrapper{
    background: #fff;
    padding: 0 30px 30px;
    .c_img{
      width: 100%;
      margin-bottom: 30px;
    }
    .c_des{
      color: @gray9C;
      line-height: 42px;
    }
    .c_experience{
      .tree_list{
        li{
          .fs(0);
          margin-top: -10px;
          .p0{
            .color(#999);
            .fs(24px);
            display: flex;
            align-items: center;
            i{
              display: block;
              width: 14px;
              height: 14px;
              background: @themeColor;
              .radius(50%);
              margin-right: 20px;
            }
          }
          .p1{
            .fs(28px);
            border-left: 1px solid @themeColor;
            margin: -10px 0 0 7px;
            padding: 30px 0 40px 20px;
          }
          &:last-of-type{
            .p1{
              border: none;
            }
          }
        }
        
      }
    }
    .c_honors{
      color: @gray9C;
      p{
        padding-left: 20px;
        span{margin-right: 50px;}
      }
    }
    .c_foot{
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ededed;
      height: 47px;
      .color(#919191);
      .fs(26px);
      margin-top: 40px;
      i{
        display: block;
        width: 26px;
        height: 30px;
        margin:4px 20px 0 0;
        background: url(../../../static/image/teacherDetail/i_auth.png) no-repeat center/100% 100%;
      }
    }
  }

  // 服务案例
  .service_case_wrapper{
    background: #fff;
    padding: 0 30px;
    color: @gray9C;
    .c_train{
      span{
        color: #8989FF;
        .fs(40px);
      }
    }
    .c_project{
      li{
        display: flex;
        align-items: center;
        flex-flow: row;
        dl{
          width: 25%;
          text-align: center;
          dt{
            width: 60px;
            height: 60px;
            margin: 0 auto 10px;
            .radius(50%);
            overflow: hidden;
          }
        }
      }
    }
    .c_case{
      padding-bottom: 20px;
      .content{
        padding-left: 20px;
        p{
          line-height: 44px;
          margin-bottom: 20px;
        }
      }
    }
  }

  // 评论反馈
  .cmt_feedback_wrapper{
    background: #fff;
    margin-top: 20px;
    .mTitle3{
      border-bottom: 1px solid @borderC;
    }
    .c_btn{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 90px;
      color: @baseColor;
      i{
        display: block;
        width: 14px;
        height: 25px;
        margin: 4px 10px 0;
        background: url(../../../static/image/teacherDetail/i_forward_next_on.png) no-repeat center/100% 100%;
      }
    }
  }

  // 咨询流程
  .consult_process_wrapper{
    margin: 20px 0;
    background: #fff;
    padding: 0 20px;
    .c_progress{
      width: 100%;
    }
    .c_info{
      margin-top: 45px;
      .color(#999);
      .fs(26px);
      line-height: 58px;
    }
  }

  // 底部
  .footer_wrapper{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 120px;
    background: #fff;
    .c_customer{
      flex: 0 0 190px;
      text-align: center;
      i{
        display: block;
        width: 40px;
        height: 39px;
        margin: 0 auto;
        background: url(../../../static/image/teacherDetail/i_customer.png) no-repeat center/100% 100%;
      }
    }
    .c_btn{
      flex: 0 0 530px;
      .fs(32px);
    }
  }
}